<template>
	<div style="width: 100% height:100%; background-color:#f5f5f5;">
		<el-row>
			<el-col :span="24">
				<div><Header/></div>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="24">
				<div><Meau/></div>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="24">
				<router-view />
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="24">
				<div><Footer/></div>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	import Header from "@/components/Header.vue"
	import Meau from "@/components/Meau.vue"
	import Footer from "@/components/Footer.vue"
	export default {
		name: 'Home',
		components: {
			Header,
			Footer,
			Meau
		},
		created() {
			this.$router.push({
				path: '/main'
			});
		}
	}
</script>

<style>
	
</style>
